import React, { } from 'react'
import { Row, Col, Carousel } from 'antd'
import { backgroundObj } from '@/utils/utils'
import './index.less'

const ContactCustomer = (props) => {
    const { data = {} } = props
    const { top, bottom, importText, title, btnText, modelTitle1, modelTitle2 } = data
    return <div gutter={[24, 24]} style={{
        marginTop: top, marginBottom: bottom,
    }} >
        <div className='wxPage_contactCustomer'>
            <div className='component-main-container'>
                <div className='content-container'>
                    <div className='left-wrapper'>
                        <div className='img-container'></div>
                        <div className='public-info'>
                            <div className='title'>{title ? title : '公众号名称'}</div>
                            <div className='summary'>{importText}</div>
                        </div>
                    </div>
                    <div className='right-btn'>{btnText}</div>
                </div>

            </div>

        </div>
    </div>
}
export default ContactCustomer